<template>
    <div>
        {{ ary }}
    </div>
    <div>
        <button @click="updateEleByAry">修改成员2</button>
        <button @click="updateAry">修改数组</button>
    </div>
</template>
<script lang='ts' setup>
    import {reactive} from 'vue'
    let ary=reactive<Array<string>>(['Giles','Monica','Jack'])
    const updateEleByAry=()=>ary[1]="Marray"
    const updateAry=()=>{
        ary=["Lucy","Lily","Jack"]
        console.log('ary',ary);
        
    }
</script>
<style lang='scss' scoped>
</style>